<script setup lang="ts">

import { ref } from 'vue';
import LoginForm from './components/LoginForm.vue';
import SignIn from './components/SignIn.vue';

const isLogin = ref(true)

const change = (show: boolean) => {
    isLogin.value = show
}

</script>


<template>
    <div class="pages">
        <LoginForm v-if="isLogin" @showLogin = "change"/>
        <SignIn v-else @showLogin = "change"/>
    </div>
</template>

<style lang="scss" scoped>
.pages{
    width: 100vw;
    height: 100vh;
    background: url(https://img.alicdn.com/tfs/TB1cpTewMHqK1RjSZFEXXcGMXXa-2872-1580.png) no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}
</style>
